<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
		<script type="text/javascript" src="js/base64.min.js"></script>
		<script type="text/javascript" src="js/base.js"></script>
		<title>活动登记</title>
		<style>
			.mui-content input,
			.mui-content select {
				font-size: 16px
			}
			
			.mui-card {
				border-radius: 8px;
			}
			
			canvas {
				width: 100%
			}
			.content {
				width: 90%;
			margin:0 auto;
				
			}
			
			.content h3 {
				width: 100%;
				height: 40px;
				line-height: 40px;
				text-align:left;
				padding-left:10px;
				position: relative;
				color: white;
				border-bottom: 1px #FFD863 dashed;
				font-size: 16px
			}
			.banner {
				width: 100%;
				padding: 0 15px;
				box-sizing: border-box;
				height: calc(100% - 40px);
				overflow-y: auto;
			}
			
			.banner p {
				color: white;
				font-size: 12px;
				line-height: 25px;
				margin-top: 10px
			}
			
			.banner p b {
				display: inline-block;
				width: 20px;
				height: 20px;
				line-height: 20px;
				background: white;
				color: #C30101;
				border-radius: 50%;
				margin-right: 5px;
				text-align: center;
			}
			.btn1{
				width: 70%;
				height:40px;
				text-align: center;
				line-height: 40px;
				font-size: 16px;
				color: #A60002;
				padding: 0;
				display: block;
				background: url(images/2.png) no-repeat;
				background-size:100% 100%;
				margin:15px auto;
				border: 0;
				
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">奖品二维码</h1>
		</header>
		<div class="mui-content" style="">
			<div class="top" style="">
				<img src="img/top.png" style="width:100%;display:block;margin:0 auto">
			</div>
			<div class="mui-card" style="width:100%;margin:0px auto;background:white;color:white;box-shadow: none;box-sizing: border-box;padding:15px;">
				<div id="qrcode" style="width:60%;margin:20px auto;text-align: center;margin-bottom: 0;"></div>
				<div class="content">
				<!--<h3>活动详情</h3>
				<div class="banner">
					<p><b>1</b>2021年12月1日-12月31日关注漳泽农商银行微信公众号即可参加“全城寻锦鲤”活动，每周抽取一名锦鲤大奖。</p>
					<p><b>2</b>2022年1月1日-1月31 日按照预约信息办理存款（定期存款18888元（含）以上）、信用卡、贷款任意业务，即可兑换中奖礼品。</p>
					<p><b>3</b>每个微信号参与一次，转发链接可再参与四次。</p>
					<p><b>4</b>每笔业务仅兑奖一次。</p>
					<p><b>5</b>兑奖有效期2022年1月1日-1月31日。</p>
				</div>-->
			</div>
				<!--<button class="btn1">返回抽奖</button>-->
			</div>
			
		</div>
		<script src="js/mui.min.js"></script>
		<script>
			/*$(".mui-content").css("height",$(window).height()+'px')*/
			$(function() {
				var id=getRequest('id')
				$('#qrcode').qrcode(id)
			})
		</script>
	</body>

</html>